<template>
	<div>
		<n-card :bordered="false" title="基础详情"> 基础详情，有时也用于显示只读信息。 </n-card>
		<n-card :bordered="false" class="proCard mt-4" size="small" :segmented="{ content: true }">
			<n-descriptions label-placement="left" class="py-2">
				<n-descriptions-item>
					<template #label>收款人姓名</template>
					啊俊
				</n-descriptions-item>
				<n-descriptions-item label="收款账户">NaiveUiAdmin@qq.com</n-descriptions-item>
				<n-descriptions-item label="付款类型">支付宝</n-descriptions-item>
				<n-descriptions-item label="付款账户">NaiveUiAdmin@163.com</n-descriptions-item>
				<n-descriptions-item label="转账金额">￥1980.00</n-descriptions-item>
				<n-descriptions-item label="状态">
					<n-tag type="success"> 已到账</n-tag>
				</n-descriptions-item>
			</n-descriptions>
		</n-card>
	</div>
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent({
	setup() {
		return {};
	},
});
</script>

<style lang="scss" scoped></style>
